@import './variables.scss';
@import "element-ui.css";
/*通用*/
//@font-face {
//  font-family:'Open Sans';
//  src: url('../font/opensans.ttf');
//}
* {
  box-sizing: border-box;
  font-family: Barlow, sans-serif;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  /*border:0;
  */
  /*outline:0;
*/
  /*font-size:100%;
vertical-align:baseline;
background:transparent;
*/
}

body {
  color: #444;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6, em, i {
  font-weight: 100;
  font-style: normal;
}

ul, ol, li {
  list-style-type: none;
}

a {
  color: #666;
  text-decoration: none;
  outline: 0;
}

a:hover {
  text-decoration: none;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Barlow, sans-serif;
}

label {
  //font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.f-s-0 {
  font-size: 0;
}


/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 8px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}

//::-webkit-scrollbar-thumb:window-inactive {
//  background:rgba(255,0,0,0.4);
//}


// 移动适配
@media (max-width: 749px) {
  .Mobile {
    display: block !important;
    //margin-bottom: 160px;
  }
  .Pc {
    display: none !important;
  }
}

// PC适配
@media (min-width: 750px) {
  .Mobile {
    display: none !important;
  }
  .Pc {
    display: block !important;
    //margin-bottom: 160px;
  }
}

